/*
 * Copyright 2015 Google Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.layervis {
  overflow: hidden;
  font-family: roboto;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-font-smoothing: antialiased;
  cursor: move;
}

.layervis > .layervis-root {
  overflow: hidden;
  position: absolute;
  visibility: hidden;
}

.layervis-processed-root-positioner {
  transform: scale(0.75);
  flex: 0 0 auto;
}

.layervis._processed div[data-elevation] {
  /*box-shadow: 0 2px 4px rgba(0,0,0,0.25);*/
}

.layervis-processed-root {
  width: 100%;
  height: 100%;
  transition: transform 1s ease;
  transform-style: preserve-3d;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.layervis-processed-root img {
  -webkit-user-drag: none;
  -moz-user-drag: none;
  user-drag: none;
}

.layervis-processed-root.view-3d {
  transform:
    perspective(1000px)
    rotateX(45deg)
    rotateZ(-45deg);
}

.layervis-processed-root.view-flat {
  transform:
      perspective(1000px);
}

.layervis-processed-root.noanimate {
  transition: none;
}

.layervis-processed-root .layer {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}

.layervis .layer-holder {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.layervis .layer .shadow {
  position: absolute;
  background-color: #000;
  z-index: 1000;
}

.layervis .linearlayout {
  display: flex;
}

.layervis .linearlayout.vertical {
  flex-direction: column;
}

.layervis .linearlayout > div {
  flex-shrink: 0;
}

.layervis .flex {
  flex: 1 0 0;
}

.layervis .framelayout > div {
  position: absolute;
}